import React, { Component } from 'react';
import { View, Image, Text, TouchableOpacity } from 'react-native';
import { default as Images } from '../../images';
import { Colors, AppStyles } from '../../style';

var screenWidth = require('Dimensions').get('window').width;
var screenHeight = require('Dimensions').get('window').height;
/**
 * 课程项
 */
export default class ClassItem extends Component {
    render() {
        return (
            <TouchableOpacity>
                <View style={{ flexDirection: 'row', width: screenWidth - 10, height: 60, margin: 10 }}>
                    <Image source={Images.image1} style={{ width: 60, height: 60 }} />
                    <View style={{ flex: 1, justifyContent: 'center', marginLeft: 10 }}>
                        <Text style={AppStyles.mediumTextStyle}>团课名</Text>
                        <Text style={[AppStyles.smallTextStyle, { color: Colors.orange }]}>价格</Text>
                    </View>
                </View>
            </TouchableOpacity>
        );
    }
}